/*#mainbanner .wrap {margin: 0 -8.19%;}*/
.index-com-wrap{padding:70px 0; width: 100%; float: left;}
.index-comti{margin-bottom:30px; line-height: 1.5em;}
.index-comti a{font-size: 48px; /*color:#c0020f;*/ color: #0a0b4a; font-weight: 700;}
.index-com-wrap .index-com-r{padding:48px 0 0 0;}
.index-com-l p{line-height: 1.6;}

#index-news{background-image: url(../images/index/news-bg.jpg); background-repeat: no-repeat; background-position: top left; /*height: 600px;*/ padding:70px 15px; background-size: cover;}
.index-news-wrap{}
#index-news .text-left{ float:left; line-height: 460px;}
#index-news .text-left a{color:#0a0b4a; font-size: 48px; font-weight: 700;}
.msgdate_span, .caption .btn-default{ display: none;}
.msgtitle_span{ font-size: 22px; color:#0a0b4a;}
.caption p{ padding:0 0 8px 0;}
.caption p a{color:#0a0b4a; font-size: 24px; font-weight: 600;}
.caption p a>span{color:#0a0b4a; font-size: 38px; font-weight: 700; padding-right:10px;}
#index-news .thumbnail{ background-color: transparent;}
#index-news .col-md-3 {width: 22%; text-align: center;}

#index_company{background-image: url(../images/index/global-bg.jpg); background-repeat: no-repeat; background-position: top left; height: 620px; padding:40px 0;}
.com-more{float:left; margin: 20px 0 0 0;}
.com-more a{font-size: 16px; color:#fff; padding: 6px 18px; background-color: #d6000e; text-transform:uppercase; line-height: 16px; border-radius: 4px;}
.com-more a:hover{ background-color: #0e0f5e;}

#index_cate{ padding:60px 0 120px 0;}
.index-proti{color:#0a0b4a; font-size: 48px; text-align: center; font-weight: 700;}
#index_cate .col-xs-4{ text-align: center; position: relative}

#index-pd-text {position: absolute; text-align: right; width: 27%; top: 53%; right: 59%; line-height: 2em; z-index: 2;}
.tab-img{position: relative;}
.tab-img .images-content{ display: inline-block; position: relative;}
.tab-img .images-content .img-background{ display: block; position: absolute; width: 100%; z-index: -1;  height: 68.2%; bottom: 0; left: 0; background: url(../images/index/pic-background.jpg) center center/cover no-repeat;}
.tab-img .images-content img{ -webkit-transition: -webkit-transform 0.6s ease; transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease; transition: transform 0.6s ease, -webkit-transform 0.6s ease;}
.tab-img:hover .images-content img{ -webkit-transform: scale(1.1) translate(0, -5%); transform: scale(1.1) translate(0, -5%);}
.tab-img:hover .tab-more {-webkit-transform: translate(-25%, 0%);transform: translate(-25%, 0%);}
.tab-img h3{pointer-events: none;}
.tab-name a{color:#202159; font-size: 32px;  font-weight: 700; text-transform:uppercase;}
.tab-more{background-image: url(../images/index/pro-more-bg.png); background-repeat: no-repeat; background-position: center left; width:89px; height: 113px; position: absolute; bottom:0; color: #fff; padding-left: 8px; text-align: left; line-height: 113px; z-index: 1;-webkit-transition: -webkit-transform 0.6s ease; transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease; transition: transform 0.6s ease, -webkit-transform 0.6s ease;}
.tab-more:hover{background-image: url(../images/index/pro-more-bg-h.png); background-repeat: no-repeat; background-position: center left; width:89px; height: 113px; position: absolute; bottom:0;padding-left: 8px; text-align: left; line-height: 113px; color: #fff;}
.index-global{ padding:120px 0;}
.index-global-ti{color:#0a0b4a; font-size: 48px; font-weight: 700; line-height: 1.2em;}
.index-global-ti2{color:#c0020f; font-size: 30px; font-weight: 700;}
.index-global p{color:#171717;font-size: 18px; margin-bottom:20px;}
.global-more{ font-size: 16px; float:left; border:2px solid #171717; padding: 7px 9px;  font-weight: 600; text-transform:uppercase; line-height: 16px;}
.global-more a{color:#171717;}

@media (max-width : 1700px){
    .index-global {padding: 80px 0;}
}

@media (max-width : 1440px){
	#index-pd-text {width: 34%;}
}
@media (max-width : 1400px){
	#index-pd-text {right: 61%;}
	.tab-name a {font-size: 34px;}
	.index-global {padding: 50px 0;}
}

@media (max-width : 1366px){
	#index-pd-text {top: 48%; line-height: 1.5em;}
   .tab-name a{font-size: 26px;}
	#index_cate {padding: 40px 0 80px 0;}
	.index-global-ti2 {line-height: 1em; margin-bottom:20px;}
}

@media (max-width : 1050px){
	#index-news{ height:auto;}
	.tab-more {font-size: 15px;}
	#index_cate .col-xs-4 {margin-bottom: 40px; width: 50%;}
	.tab-name a{font-size: 30px;}
}

@media (max-width : 991px){
	#index-news .col-md-3 {float: left;}
	#index_company {background-size: cover; height: auto; float: left;}
	#index_cate{ background-color: #fff; float: left;}
	.index-global {padding: 0; margin-bottom: 20px;}
	.com-more{margin: 10px 0 30px 0;}
	.index-com-wrap .index-com-r {float: left;}
	
}

@media (max-width : 768px){
	.index-comti a, #index-news .text-left a, .index-global-ti, .index-proti{font-size: 38px;}
	.index-global-ti2 {font-size: 28px;}
	.index-global {padding: 30px 0;}
	.index-com p, #index_company p{font-size: 17px;}
	.tab-name a{font-size: 25px;}
}

@media (max-width : 767px){
	#Clist{ display: none!important;}
	#index_cate{ display: block!important;}
}

@media (max-width : 660px){
    .tab-name a{font-size: 22px;}
}
@media (max-width : 600px){
	#index_cate .col-xs-4 {width: 100%;}
	.tab-name a{font-size: 28px;}
}

@media (max-width : 480px){
	.index-comti a, #index-news .text-left a, .index-global-ti, .index-proti{font-size: 30px;}
	.index-global-ti2 {font-size: 24px;}
	.index-com-wrap {padding: 40px 0;}
	.index-comti {margin-bottom: 20px;}
}

@media (max-width : 414px){
	
}

@media (max-width : 375px){
	.tab-name a{font-size: 25px;}
}

@media (max-width : 320px){
	.tab-name a {font-size: 19px;}
	#index-pd-text {top: 40%; line-height: 1.3em;}
	
}




/*原設定*/
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
	width:90%;
	margin: 0 auto;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	/*line-height: 0px;*/
}
.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;
	max-width: 100%;
}
/*** Navigation ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width: 46px;
	height: 100px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
}

.nbs-flexisel-nav-left {
    left: 10px;
	background: url("../images/button-previous.png") no-repeat 0;
}
.nbs-flexisel-nav-right {
    right: 5px;
	background: url("../images/button-next.png") no-repeat 0;
}
#idxprocarousel .item { height:130px; }
#idxprocarousel .item, #idxprocarousel .caption { margin:0 3px; padding:0 3px; white-space:nowrap; overflow:hidden; text-overflow : ellipsis;}
/*end*/


.index-global::after{
	content: "";
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.hotspot-wrap{
	position: relative;
}

.tooltip-inner{
	background: #fff;
	padding: 6px 12px;
	font-size: 16px;
	color: #444;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}
#map-hotspot .tooltip.top .tooltip-arrow{
	border-top-color: #fff;
}
#map-hotspot .tooltip.left .tooltip-arrow{
	border-left-color: #fff;
}
#map-hotspot .tooltip.right .tooltip-arrow{
	border-right-color: #fff;
}
#map-hotspot .tooltip.bottom .tooltip-arrow{
	border-bottom-color: #fff;
}
.map-tooltip-btn{
	width: 24px;
	height: 24px;
	background: none;
	position: absolute;	
	outline: none !important;
	transform: translate(-50%,-50%);
}

.map-tooltip-btn:focus, 
.map-tooltip-btn:active:focus, 
.map-tooltip-btn.active:focus, 
.map-tooltip-btn.focus, 
.map-tooltip-btn:active.focus, 
.map-tooltip-btn.active.focus {
	outline: none !important;
}

.map-tooltip-btn::before,
.map-tooltip-btn::after{
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	top:50%;
	left: 50%;
	margin: -12px 0 0 -12px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	position: absolute;
	background: #11e5ea;
}

@media (max-width : 600px){
	.map-tooltip-btn::before,
	.map-tooltip-btn::after{
		width: 18px;
		height: 18px;
		margin: -8px 0 0 -8px;
	}
}


@-webkit-keyframes pulseffect {
    0% 		{-webkit-transform: scale(1); opacity: 0.0;}
    50% 	{opacity: 0.7;}
    100% 	{-webkit-transform: scale(1.6); opacity: 0.0;}
}

@keyframes pulseffect {
    0% 		{transform: scale(1); opacity: 0.0;}
    50% 	{opacity: 0.7;}
    100% 	{transform: scale(1.6); opacity: 0.0;}
}


.map-tooltip-btn::after{
	-webkit-animation: pulseffect 2s ease-out infinite;
    animation: pulseffect 2s linear infinite;
    opacity: 0;
}
.map-tooltip-btn span{
	display: none;
}